<div class="bodyCon">
    <!--logo-->
    <div class="container-fluid banner" ng-controller="_swiper">

        <div class="swiper-container">
            <div class="swiper-wrapper">

                <div class="swiper-slide swiper_1">
                    <img src="./images/houses_banner/house_1.jpg" alt="house_1" onclick="video_show_1()">

                </div>

                <div class="swiper-slide swiper_2">
                    <img src="./images/houses_banner/house_2.jpg" alt="house_2" onclick="video_show_2()">
                </div>

                <div class="swiper-slide swiper_3">
                    <img src="./images/houses_banner/house_3.jpg" alt="house_3" onclick="video_show_3()">
                </div>

            </div>
            <!--导航器-->
            <div class="swiper-button-prev"></div>
            <div class="swiper-button-next"></div>
            <!--分页器-->
            <div class="swiper-pagination"></div>
        </div>

        <div class="sreach">
            <div>
                    <button class="btn btn_ btn-primary" id="btn1" ng-click="move_()">找住宅</button>
                    <button class="btn btn_ btn-primary" id="btn2" ng-click="move_()">⼯商铺</button>
                    <button class="btn btn_ btn-primary" id="btn3" ng-click="move_()">查成交</button>
                    <button class="btn btn_ btn-primary" id="btn4" ng-click="move_()">查凶宅</button>
               </div>
            <i id="move_litter"></i>
            <form>
                    <input class="form-control input_" type="text" placeholder="请输入区域、商圈或小区名开始找房">
                </form>
        </div>

        <div id="video_1" class="video_show">
            <embed class="video_1" src='http://player.youku.com/player.php/Type/Folder/Fid//Ob//sid/XMjg1MDUzMDE3Ng==/v.swf' quality='high' width='480' height='400' align='middle' allowScriptAccess='always' allowFullScreen='true' mode='transparent' type='application/x-shockwave-flash'></embed>
            <button class="btn btn-danger title_company text-center video_close_btn" onclick="video_close()">关闭视频</button>
        </div>

        <div id="video_2" class="video_show">
            <embed src='http://player.youku.com/player.php/sid/XMjg1NTI4NDM0MA==/v.swf' allowFullScreen='true' quality='high' width='480' height='400' align='middle' allowScriptAccess='always' type='application/x-shockwave-flash'></embed>
            <button class="btn btn-danger title_company text-center video_close_btn" onclick="video_close()">关闭视频</button>
        </div>

        <div id="video_3" class="video_show">
            <embed src='http://player.youku.com/player.php/Type/Folder/Fid//Ob//sid/XMjg1NzUzNTU5Ng==/v.swf' quality='high' width='480' height='400' align='middle' allowScriptAccess='always' allowFullScreen='true' mode='transparent' type='application/x-shockwave-flash'></embed>
            <button class="btn btn-danger title_company text-center video_close_btn" onclick="video_close()">关闭视频</button>
        </div>


    </div>
    <!--listter pic-->
    <div class="container">
        <ul class="listPics">
            <li class="navbar-left text-center">
                <img id="hoverPic_js_1" onmouseover="hoverPic_1()" onmouseout="downPic_1()" src="./images/littleTip/house.png" alt="listpic">
                <p class="text-center">楼盘推荐</p>
            </li>

            <li class="navbar-left text-center">
                <img id="hoverPic_js_2" onmouseover="hoverPic_2()" onmouseout="downPic_2()" src="./images/littleTip/firstHouse.png" alt="listpic">
                <p class="text-center">一手房源</p>
            </li>

            <li class="navbar-left text-center">
                <img id="hoverPic_js_3" onmouseover="hoverPic_3()" onmouseout="downPic_3()" src="./images/littleTip/data.png" alt="listpic">
                <p class="text-center">数据分析</p>
            </li>

            <li class="navbar-left text-center">
                <img id="hoverPic_js_4" onmouseover="hoverPic_4()" onmouseout="downPic_4()" src="./images/littleTip/market.png" alt="listpic">
                <p class="text-center">市场资讯</p>
            </li>

        </ul>
    </div>
    <!--towSides-->
    <div style="background-color: #f7f7f7;" class="towSides">
        <div class="textAndPic clearfix">

                <!--fistSide-->
            <div class="pull-left FistText ">
                <div class="textFist text-center">
                    <span class="pull-left">楼盘推介</span>
                    <a class="pull-right">More+</a>
                </div>
                <table class="table">
                    <tr>
                        <td>
                            <strong>
楼盘</strong>
                        </td>
                        <td>
                            <strong>
楼层</strong>
                        </td>
                        <td>
                            <strong>
尺数</strong>
                        </td>
                        <td>
                            <strong>
价钱</strong>
                        </td>
                    </tr>
                    <tr>
                        <td>壹號湖畔</td>
                        <td>低層</td>
                        <td>約1,301呎</td>
                        <td>1488萬</td>
                    </tr>
                    <tr>
                        <td>壹號湖畔</td>
                        <td>低層</td>
                        <td>約1,301呎</td>
                        <td>1488萬</td>
                    </tr>
                    <tr>
                        <td>壹號湖畔</td>
                        <td>低層</td>
                        <td>約1,301呎</td>
                        <td>1488萬</td>
                    </tr>
                    <tr>
                        <td>壹號湖畔</td>
                        <td>低層</td>
                        <td>約1,301呎</td>
                        <td>1488萬</td>
                    </tr>
                    <tr>
                        <td>壹號湖畔</td>
                        <td>低層</td>
                        <td>約1,301呎</td>
                        <td>1488萬</td>
                    </tr>
                    <tr>
                        <td>壹號湖畔</td>
                        <td>低層</td>
                        <td>約1,301呎</td>
                        <td>1488萬</td>
                    </tr>
                    <tr>
                        <td>壹號湖畔</td>
                        <td>低層</td>
                        <td>約1,301呎</td>
                        <td>1488萬</td>
                    </tr>
                    <tr>
                        <td>壹號湖畔</td>
                        <td>低層</td>
                        <td>約1,301呎</td>
                        <td>1488萬</td>
                    </tr>
                </table>
            </div>

                <!--scendSide-->
            <div class="pull-left SecText  hidden-xs">
                <div class="textSec text-center">
                    <span class="pull-left">焦点一手</span>
                    <a class="pull-right">More+</a>
                </div>

                <ul class="SecPic">
                    <li>
                    <div>
                        <img  src="./images/houseShow/111.jpg" alt="">
                        <div class="_text_">
                            <span>擎天半島</span>
                            <span>地理位置优越，依山旁水，适合老人居住</span>
                        </div>
                    </div>
                </li>
                    <li>
                        <div>
                            <img  src="./images/houseShow/222.jpg" alt="">
                            <div class="_text_">
                                <span>擎天半島</span>
                                <span>地理位置优越，依山旁水，适合老人居住</span>
                            </div>
                        </div>
                    </li>
                    <li>
                        <div>
                            <img  src="./images/houseShow/333.jpg" alt="">
                            <div class="_text_">
                                <span>擎天半島</span>
                                <span>地理位置优越，依山旁水，适合老人居住</span>
                            </div>
                        </div>
                    </li>
                </ul>

            </div>

        </div>
    </div>

    <!--图表-->
    <div>
        <div class="text-center">
            <h2 >公司销售情况</h2>
            <h5 > sales status</h5>
        </div>
        <div class="chartMain col-md-12" ng-controller="chart">

            <span>中原地产有限公司新特区区销售情况</span>
            <canvas id="myChart" class="col-md-12">
            </canvas>

        </div>

        <p class="text-center">
            这是我们公司这几个销售月的销售情况，业绩稳定，销售更是在后期不断腾飞。
        </p>
        <button class="btn btnmore">更多</button>
    </div>
    <!--公司简介-->
    <div>
        <!--标题-->
        <div class="text-center title_company">
            <h2 >公司动态</h2>
            <h5 > Company news</h5>
        </div>

        <!--公司视频-->
        <div>
            <embed src='http://player.youku.com/player.php/Type/Folder/Fid//Ob//sid/XMjg1NDQ0NzIyMA==/v.swf' quality='high' width='480' height='400' align='middle' allowScriptAccess='always' allowFullScreen='true' mode='transparent' type='application/x-shockwave-flash'></embed>
        </div>

        <!--公司动态-->

        <div>
            <div class="text-center title_company">
                <h3>新闻中心</h3>
            </div>
            <ul>
                <li class="text-center news_li">
                    <h5>公司新闻</h5>
                    <h5>2017.06.08</h5>
                    <p>陪伴是最长情的告白&nbsp中原地产为长者营造众筹</p>
                    <img class="news_imgs" src="./images/company/com_1.jpg" alt="">
                </li>

                <li class="text-center news_li">
                    <h5>地方动态</h5>
                    <h5>2016.09.26</h5>
                    <p>开放分享&nbsp生态共赢</p>
                    <img class="news_imgs" src="./images/company/com_2.jpg" alt="">
                </li>

                <li class="text-center news_li">
                    <h5>媒体报道</h5>
                    <h5>2017.02.18</h5>
                    <p>当选豪华型小区&nbsp给力的生活环境和安保措施</p>
                    <img class="news_imgs" src="./images/company/com_3.jpg" alt="">
                </li>

            </ul>
            <!--更多按钮-->
            <button class="btn btnmore title_company">更多新闻详情</button>
        </div>
    </div>

    <!--市场分析-->
    <div style="background-color:#fefefe">
            <div class="text-center title_company">
                <h2>市场分析</h2>
                <h5>market analysis</h5>
            </div>

         <div class="underChart">
            <!--图文信息-->
        <div class="under-2">
                <!--左图-->
            <div class="_Left pull-left hidden-xs">

                <div class="text-center title_company">
                    <h3>市场分析</h3>
                </div>

                <div class="swiper-container-2" ng-controller="_swiper-2">
                    <div class="swiper-wrapper">

                        <div class="swiper-slide">
                            <img src="./images/person/person_1.jpg" alt="">
                        </div>

                        <div class="swiper-slide">
                            <img src="./images/person/person_2.jpg" alt="">
                        </div>

                        <div class="swiper-slide">
                            <img src="./images/person/person_3.jpg" alt="">
                        </div>

                    </div>
                    <!--分页器-->
                    <div class="swiper-pagination"></div>
                </div>
            </div>
                <!--右文-->
            <div class="_Right pull-left">

                <div class="text-center title_company">
                    <h3>工商铺商业分析</h3>
                </div>

                <ul>
                    <li>
                        <a href="#">
                            <span>经济前景理想　旅游店铺访问量增加</span>
                            <span>2017-5-11</span>
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <span>一路一带政策出台　利于开拓海外产业</span>
                            <span>2017-5-11</span>
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <span>经济前景理想　旅游店铺访问量增加</span>
                            <span>2017-5-11</span>
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <span>一路一带政策出台　利于开拓海外产业</span>
                            <span>2017-5-11</span>
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <span>经济前景理想　旅游店铺访问量增加</span>
                            <span>2017-5-11</span>
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <span>一路一带政策出台　利于开拓海外产业</span>
                            <span>2017-5-11</span>
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <span>经济前景理想　旅游店铺访问量增加</span>
                            <span>2017-5-11</span>
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <span>一路一带政策出台　利于开拓海外产业</span>
                            <span>2017-5-11</span>
                        </a>
                    </li>

                </ul>
            </div>


        </div>

             <!--更多按钮-->
             <button class="btn btnmore title_company">更多新闻详情</button>
    </div>
    </div>

</div>
